// 命名空间
$namespace: v;
// el命名空间
$elNamespace: el;

// ---------------------------------------------
// 函数部分
// =============================================
@function transitionFast($props...) {
  $ret: null;

  @each $prop in $props {
      $prop: $prop 140ms cubic-bezier(.4, 0, .2, 1);

      @if $ret ==null {
          $ret: $prop;
      }

      @else {
          $ret: $ret, $prop;
      }
  }

  @return $ret;
}

@function transitionNormal($props...) {
  $ret: null;

  @each $prop in $props {
      $prop: $prop 280ms cubic-bezier(.4, 0, .2, 1);

      @if $ret ==null {
          $ret: $prop;
      }

      @else {
          $ret: $ret, $prop;
      }
  }

  @return $ret;
}

@function transitionSlow($props...) {
  $ret: null;

  @each $prop in $props {
      $prop: $prop 500ms cubic-bezier(.4, 0, .2, 1);

      @if $ret ==null {
          $ret: $prop;
      }

      @else {
          $ret: $ret, $prop;
      }
  }

  @return $ret;
}

// 灰色 
$grayLight: rgba(125, 125, 125, 0.06);
$grayNormal: rgba(125, 125, 125, 0.12);
$grayHeavy: rgba(125, 125, 125, 0.24);
// 黑色 
$blackLight: rgba(0, 0, 0, 0.24);
$blackNormal: rgba(0, 0, 0, 0.36);
$blackHeavy: rgba(0, 0, 0, 0.48);

$primaryColor: #409eff;